@container-width: 1200px;
@main-color: #E61F1F;
@block-bg-color: #fff;
@bac-color: #F7F8FA;
@btn-color: rgba(24,142,238,1);
.link {
  .btn;
  color: @btn-color;
}
.center(@justify:center) {
  display: flex;
  align-items:center;
  justify-content: @justify;
}
.container {
  width: @container-width;
  margin: 0 auto;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.btn {
  cursor: pointer;
  text-align: center;
}
.text-wrap {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
img {
  display: inline-block;
}
.el-button(@h:30px, @font-size: 14px) {
  height: @h;
  line-height: @h;
  box-sizing: border-box;
  padding: 0 9px;
  color: @main-color;
  border: 1px solid @main-color;
  font-size: @font-size;
  background-color: #fff;
  &:focus,&:hover {
    border-color: @main-color;
    background-color: @main-color;
    color: #fff;
  }
}

.active {
  color: @main-color;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: @main-color!important;
}

 .el-pagination {
  font-weight: normal!important;
}
 .el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: @main-color!important;
}